<template>
  <div>
    <el-dialog v-model="centerDialogVisible" title="项目任务完成" width="50%" align-center class="dialogStyle">
      <el-form :model="formInline" class="demo-form-inline" label-width="120px">
        <el-form-item label="项目名称">
          <el-input v-model="formInline.user" placeholder="项目名称" />
        </el-form-item>
        <el-form-item label="任务名称">
          <el-input v-model="formInline.user" placeholder="任务名称" />
        </el-form-item>
        <el-form-item label="任务代码">
          <el-input v-model="formInline.user" placeholder="任务代码" />
        </el-form-item>
        <el-form-item label="是否关注">
          <el-radio-group v-model="formInline.user">
            <el-radio :label="1">是</el-radio>
            <el-radio :label="0">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="计划开始时间">
          <el-date-picker v-model="formInline.user" type="daterange" range-separator="-" start-placeholder="开始时间"
            end-placeholder="结束时间" />
        </el-form-item>
        <el-form-item label="处理部门">
          <el-input v-model="formInline.user" placeholder="处理部门" />
        </el-form-item>
        <el-form-item label="处理人">
          <el-input v-model="formInline.user" placeholder="处理人" />
        </el-form-item>
        <p class="oneline" style="font-size: 12px; color: '#ccc'">形象进度汇报</p>
        <el-form-item label="签字盖手印" class="oneline">
          <!-- //pic为了验证图片是必传的 -->
          <el-input v-model="formInline.user" style="height: 0px; width: 0px"></el-input>
          <FileMinioUpload
                  :restriction="true"
                  :restrictionLimit="9"
                  @updateFiles="updateFiles"
                  v-model:files="formInline.dealFiles"
          >
          </FileMinioUpload>
        </el-form-item>
        <el-form-item label="实际完成时间">
          <el-date-picker v-model="formInline.user" type="daterange" range-separator="-" start-placeholder="开始时间"
            end-placeholder="结束时间" />
        </el-form-item>
        <el-form-item label="是否存在问题">
          <el-radio-group v-model="formInline.user">
            <el-radio :label="1">是</el-radio>
            <el-radio :label="0">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="备注" class="oneline">
          <el-input v-model="formInline.user" show-word-limit type="textarea" />
        </el-form-item>
      </el-form>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="centerDialogVisible = false" class="button_cancel2">取消</el-button>
          <el-button @click="centerDialogVisible = false" class="button_view">
            确定
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
import { ref, reactive } from 'vue'
import { ElDialog, ElForm, ElFormItem } from 'element-plus'
import FileMinioUpload from "@/components/FileMinioUpload.vue";

let centerDialogVisible = ref(false)
const formInline = reactive({
  user: '',
  region: ''
})
defineExpose({
  centerDialogVisible
})
// 上传的图片附件
const updateFiles = (list) => {
  if (list.length > 0) {
    console.log(list)
  }
}
</script>
<style lang="scss" scoped>
@import '@/views/constructionProjectManage/static/dialog.scss';
</style>
